<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- HEAD -->
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<meta name="author" content="by www.njcit-safe.cn">

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- GLOBAL MANDATORY STYLES -->
<link href="/dede58/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/et-line/et-line.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN THEME PLUGINS STYLE -->
<link href="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/animate.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css"/>
<!-- END THEME PLUGINS STYLE -->

<!-- THEME STYLES -->
<link href="http://p022ygu5e.bkt.clouddn.com/css/global.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->

<!-- THEME -->
<link href="/dede58/css/theme/dark.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/theme/base.css" rel="stylesheet" type="text/css" id="style-color"/>
<!-- END THEME -->

<!-- BEGIN JQUERY -->
<script type="text/javascript" src="/dede58/plugins/jquery.min.js"></script>
<!-- END JQUERY -->

<!-- FAVICON -->
<link rel="shortcut icon" href="favicon.ico"/>
<!-- END FAVICON -->
</head>
<!-- END HEAD -->
<!-- BODY -->
<body>

<!-- WRAPPER -->
<div class="wrapper animsition ">   
    <!--========== HEADER ==========-->
   {dede:include filename="head.htm"/}
    <!--========== END HEADER ==========-->

   <!--========== BREADCRUMBS V5 ==========-->
    <section class="breadcrumbs-v5 breadcrumbs-v5-bg-img-v7 bg-position-fixed">
        <div class="container">
            <span class="breadcrumbs-v5-title">{dede:field name='typename'/}</span>
            <h2 class="breadcrumbs-v5-subtitle">{dede:field name='position'/}</h2>
        </div>
    </section>
    <!--========== END BREADCRUMBS V5 ==========-->
    <!--========== END BREADCRUMBS V5 ==========-->

    <!--========== PAGE CONTENT ==========-->
    <!-- Process v1 -->
    <div class="content-md container">
        <!-- Heading v1 -->
        <div class="heading-v1 text-center margin-b-80">
            <h2 class="heading-v1-title">南京信息职业技术学院计算机协会</h2>
            <p class="heading-v1-text">我们致力于提高全院学生的计算机水平</p>
        </div>
        <!-- End Heading v1 -->

        <div class="row">
            <div class="col-md-4 md-margin-b-50">
                <!-- Process v1 -->
                <div class="process-v1 img-one">
                    <div class="process-v1-body">
                        <div class="process-v1-flip">
                            <div class="process-v1-front img-one">
                                <div class="process-v1-center-align">
                                    <h4 class="process-v1-title">核心人员</h4>
                                </div>
                            </div>
                            <div class="process-v1-back">
                                <div class="process-v1-center-align">
                                    <p class="process-v1-text">计算机协会的管理人员</p>
                                </div>
                            </div>
                        </div>
                        <a class="process-v1-link" href="#"></a>
                    </div>
                </div>
                <!-- End Process v1 -->
            </div>
            <div class="col-md-4 md-margin-b-50">
                <!-- Process v1 -->
                <div class="process-v1 img-two">
                    <div class="process-v1-body">
                        <div class="process-v1-flip">
                            <div class="process-v1-front img-two">
                                <div class="process-v1-center-align">
                                    <h4 class="process-v1-title">技术支持中心</h4>
                                </div>
                            </div>
                            <div class="process-v1-back">
                                <div class="process-v1-center-align">
                                    <p class="process-v1-text">计算机协会的大神</p>
                                </div>
                            </div>
                        </div>
                        <a class="process-v1-link" href="#"></a>
                    </div>
                </div>
                <!-- End Process v1 -->
            </div>
            <div class="col-md-4">
                <!-- Process v1 -->
                <div class="process-v1 img-three">
                    <div class="process-v1-body">
                        <div class="process-v1-flip">
                            <div class="process-v1-front img-three">
                                <div class="process-v1-center-align">
                                    <h4 class="process-v1-title">事务处理中心</h4>
                                </div>
                            </div>
                            <div class="process-v1-back">
                                <div class="process-v1-center-align">
                                    <p class="process-v1-text">总管协会上下事务的大佬</p>
                                </div>
                            </div>
                        </div>
                        <a class="process-v1-link" href="#"></a>
                    </div>
                </div>
                <!-- End Process v1 -->
            </div>
        </div>
        <!--// end row -->
    </div>
    <!-- End Process v1 -->

    <!-- Make Your Business -->
    <div class="bg-color-sky-light">
        <div class="content-md container">
            <!-- Heading v1 -->
            <div class="heading-v1 text-center margin-b-60">
                <h2 class="heading-v1-title">协会部门架构</h2>
                <p class="heading-v1-text">根据《2017-2018计算机协会工作规划》细则执行</p>
            </div>
            <!-- End Heading v1 -->

            <!-- Icon Box v4 -->
            <div class="row">
                <div class="col-md-4 md-margin-b-50">
                    <!-- Icon Box v4 -->
                    <div class="icon-box-v4">
                        <div class="margin-b-30">
                            <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/mockup/double-iphone-01.png" alt="">
                        </div>
                        <h3 class="icon-box-v4-body-title">管理层</h3>
                        <p>计算机协会的管理人员</p>
                    </div>
                    <!-- End Icon Box v4 -->
                </div>
                <div class="col-md-4 md-margin-b-50">
                    <!-- Icon Box v4 -->
                    <div class="icon-box-v4">
                        <div class="margin-b-30">
                            <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/mockup/browser-01.png" alt="">
                        </div>
                        <h3 class="icon-box-v4-body-title">干事层</h3>
                        <p>计算机协会的新鲜血液</p>
                    </div>
                    <!-- End Icon Box v4 -->
                </div>
                <div class="col-md-4">
                    <!-- Icon Box v4 -->
                    <div class="icon-box-v4">
                        <div class="margin-b-30">
                            <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/mockup/e-commerce.png" alt="">
                        </div>
                        <h3 class="icon-box-v4-body-title">社员层</h3>
                        <p>给你自由选择的方向</p>
                    </div>
                    <!-- End Icon Box v4 -->
                </div>
            </div>
            <!--// end row -->
            <!-- End Icon Box v4 -->
        </div>
    </div>
    <!-- End Make Your Business -->

    <!-- Team v6 -->
    <div class="content-md container">
        <!-- Heading v1 -->
        <div class="heading-v1 text-center margin-b-80">
            <h2 class="heading-v1-title">核心人员</h2>
            <p class="heading-v1-text">我们致力于提高全院学生的计算机水平</p>
        </div>
        <!-- End Heading v1 -->

        <!-- Team v6 -->
        <div class="row margin-b-80">
            <div class="col-sm-4 sm-margin-b-30">
                <!-- Team v6 -->
                <div class="team-v6">
                    <div class="team-v6-img-gradient">
                        <img class="full-width img-responsive" src="/dede58/imgs/wu.jpg" alt="">
                    </div>
                    <div class="team-v6-info">
                        <h2 class="team-v6-member">吴朝晖</h2>
                        <ul class="list-inline team-v6-socials ul-li-lr-3">
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-weixin"></i></a></li>
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-weibo"></i></a></li>
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-qq"></i></a></li>
                        </ul>
                    </div>
                </div>
                <!-- End Team v6 -->
            </div>
            <div class="col-sm-4 sm-margin-b-30">
                <!-- Team v6 -->
                <div class="team-v6">
                    <div class="team-v6-img-gradient">
                        <img class="full-width img-responsive" src="/dede58/imgs/zhao.jpg" alt="">
                    </div>
                    <div class="team-v6-info">
                        <h2 class="team-v6-member">赵汉斌</h2>
                        <ul class="list-inline team-v6-socials ul-li-lr-3">
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-weixin"></i></a></li>
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-weibo"></i></a></li>
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-qq"></i></a></li>
                        </ul>
                    </div>
                </div>
                <!-- End Team v6 -->
            </div>
            <div class="col-sm-4">
                <!-- Team v6 -->
                <div class="team-v6">
                    <div class="team-v6-img-gradient">
                        <img class="full-width img-responsive" src="/dede58/imgs/ying.jpg" alt="">
                    </div>
                    <div class="team-v6-info">
                        <h2 class="team-v6-member">张颖</h2>
                        <ul class="list-inline team-v6-socials ul-li-lr-3">
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-weixin"></i></a></li>
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-weibo"></i></a></li>
                            <li class="theme-icons-wrap"><a href="#"><i class="theme-icons theme-icons-white-hover theme-icons-md radius-circle margin-b-0 fa fa-qq"></i></a></li>
                        </ul>
                    </div>
                </div>
                <!-- End Team v6 -->
            </div>
        </div>
        <!--// end row -->
        <!-- End Team v6 -->
        
        <!-- Extra Small Pogress Bar -->
        <div class="row">
            <div class="col-md-6">
                <!-- Progress Box -->
                <div class="progress-box">
                    <h4 class="progress-title">影视后期 <span class="pull-right">83%</span></h4>
                    <div class="progress radius-0 progress-xs">
                        <div class="progress-bar bg-color-base" role="progressbar" data-width="83"></div>
                    </div>
                </div>
                <!-- End Progress Box -->

                <!-- Progress Box -->
                <div class="progress-box">
                    <h4 class="progress-title">C <span class="pull-right">76%</span></h4>
                    <div class="progress radius-0 progress-xs">
                        <div class="progress-bar bg-color-base" role="progressbar" data-width="76"></div>
                    </div>
                </div>
                <!-- End Progress Box -->

                <!-- Progress Box -->
                <div class="progress-box">
                    <h4 class="progress-title">HTML/CSS <span class="pull-right">97%</span></h4>
                    <div class="progress radius-0 progress-xs">
                        <div class="progress-bar bg-color-base" role="progressbar" data-width="97"></div>
                    </div>
                </div>
                <!-- End Progress Box -->
            </div>

            <div class="col-md-6">
                <!-- Progress Box -->
                <div class="progress-box">
                    <h4 class="progress-title">Web Design <span class="pull-right">88%</span></h4>
                    <div class="progress radius-0 progress-xs">
                        <div class="progress-bar bg-color-base" role="progressbar" data-width="88"></div>
                    </div>
                </div>
                <!-- End Progress Box -->

                <!-- Progress Box -->
                <div class="progress-box">
                    <h4 class="progress-title">Graphic Design <span class="pull-right">76%</span></h4>
                    <div class="progress radius-0 progress-xs">
                        <div class="progress-bar bg-color-base" role="progressbar" data-width="76"></div>
                    </div>
                </div>
                <!-- End Progress Box -->

                <!-- Progress Box -->
                <div class="progress-box">
                    <h4 class="progress-title">Illustration <span class="pull-right">97%</span></h4>
                    <div class="progress radius-0 progress-xs">
                        <div class="progress-bar bg-color-base" role="progressbar" data-width="97"></div>
                    </div>
                </div>
                <!-- End Progress Box -->
            </div>
        </div>
        <!--// end row -->
        <!-- End Extra Small Pogress Bar -->
    </div>
    <!-- End Team v6 -->

    <!-- News v2 -->
    <div class="bg-color-sky-light">
        <div class="content-md container">
            <!-- Heading v1 -->
            <div class="heading-v1 text-center margin-b-80">
                <h2 class="heading-v1-title">文章博客</h2>
                <p class="heading-v1-text">每天发布行业内的新知识和新发现</p>
            </div>
            <!-- End Heading v1 -->

            <div class="row margin-b-30">
            {dede:arclist titlelen='60' row='6' typeid ='19' infolen='50'}
                <div class="col-md-4 md-margin-b-30 margin-b-30">
                    <div class="overflow-h">
                        <!-- News v2 -->
                        <article class="news-v2 news-v2-base wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
                            <div class="margin-b-50">
                                <span class="news-v2-subtitle">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
                                <h2 class="news-v2-title">[field:title/]</h2>
                            </div>
                            <a class="news-v2-link" href="[field:arcurl/]">Read More</a>
                        </article>
                        <!-- End News v2 -->
                    </div>
                </div>
              {/dede:arclist}  
           
            </div>
            <!--// end row -->
        </div>
    </div>
    <!-- End News v2 -->

    <!-- Clients v4 -->
    <div class="bg-color-sky-light">
        <div class="content-md container">
            <!-- Heading v1 -->
            <div class="heading-v1 text-center margin-b-80">
                <h2 class="heading-v1-title">社团组织合作</h2>
                <p class="heading-v1-text">我们积极于其他社团组织的交流学习</p>
            </div>
            <!-- End Heading v1 -->

            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <!-- Owl Carousel Clients Five Item -->
                    <ul class="list-inline owl-carousel-clients-five-item clients-v1">
                        <li class="item">
                            <div class="clients-v1-item">
                                <img class="clients-v1-img clients-v1-img-default" src="http://p022ygu5e.bkt.clouddn.com/clients/bg-white-01.png" alt="">
                                <img class="clients-v1-img clients-v1-img-active" src="http://p022ygu5e.bkt.clouddn.com/clients/base-01.png" alt="">
                            </div>
                        </li>
                        <li class="item">
                            <div class="clients-v1-item">
                                <img class="clients-v1-img clients-v1-img-default" src="http://p022ygu5e.bkt.clouddn.com/clients/bg-white-02.png" alt="">
                                <img class="clients-v1-img clients-v1-img-active" src="http://p022ygu5e.bkt.clouddn.com/clients/base-02.png" alt="">
                            </div>
                        </li>
                        <li class="item">
                            <div class="clients-v1-item">
                                <img class="clients-v1-img clients-v1-img-default" src="http://p022ygu5e.bkt.clouddn.com/clients/bg-white-05.png" alt="">
                                <img class="clients-v1-img clients-v1-img-active" src="http://p022ygu5e.bkt.clouddn.com/clients/base-05.png" alt="">
                            </div>
                        </li>
                        <li class="item">
                            <div class="clients-v1-item">
                                <img class="clients-v1-img clients-v1-img-default" src="http://p022ygu5e.bkt.clouddn.com/clients/bg-white-06.png" alt="">
                                <img class="clients-v1-img clients-v1-img-active" src="http://p022ygu5e.bkt.clouddn.com/clients/base-06.png" alt="">
                            </div>
                        </li>
                        <li class="item">
                            <div class="clients-v1-item">
                                <img class="clients-v1-img clients-v1-img-default" src="http://p022ygu5e.bkt.clouddn.com/clients/bg-white-03.png" alt="">
                                <img class="clients-v1-img clients-v1-img-active" src="http://p022ygu5e.bkt.clouddn.com/clients/base-03.png" alt="">
                            </div>
                        </li>
                        <li class="item">
                            <div class="clients-v1-item">
                                <img class="clients-v1-img clients-v1-img-default" src="http://p022ygu5e.bkt.clouddn.com/clients/bg-white-04.png" alt="">
                                <img class="clients-v1-img clients-v1-img-active" src="http://p022ygu5e.bkt.clouddn.com/clients/base-04.png" alt="">
                            </div>
                        </li>
                    </ul>
                    <!-- End Owl Carousel Clients Five Item -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Clients v4 -->
    <!--========== END PAGE CONTENT ==========-->

    <!--========== FOOTER ==========-->
   {dede:include filename="footer.htm"/} 
    <!--========== END FOOTER ==========-->
</div>
<!-- END WRAPPER -->

<!-- Sidebar Content Overlay -->
<div class="sidebar-content-overlay"></div>
<!-- End Sidebar Content Overlay -->

<!-- Back To Top -->
<a href="javascript:void(0);" class="js-back-to-top back-to-top-theme"></a>
<!-- End Back To Top -->

<!--========== JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) ==========-->
<!-- CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="/dede58/plugins/html5shiv.js"></script>
<script src="/dede58/plugins/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="/dede58/plugins/jquery.migrate.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- END CORE PLUGINS -->

<!-- PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="/dede58/plugins/jquery.back-to-top.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.smooth-scroll.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.animsition.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.wow.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.appear.js"></script>
<script type="text/javascript" src="/dede58/plugins/owl-carousel/owl.carousel.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->

<!-- PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="/dede58/scripts/app.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/header-sticky.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/animsition.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/scrollbar.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/form-modal.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/wow.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/magnific-popup.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/progress-bar.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/owl-carousel.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!--========== END JAVASCRIPTS ==========-->
</body>
<!-- END BODY -->

</html>
